<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>Hello Vue.js</title>
</head>
<body>
    <div id="app">
        <input @keydown="keydownEvent" @keypress="keypressEvent" @keyup="keyupevent"/>
        <!--鼠标按键修饰符 left、right、middle-->
        <div @clilck.middle="clickEvent">Hello vue.js </div>
        <!-- 精确修饰符： exact 修饰允许你控制由精确地系统修饰符-->
        <div @click.exact.ctrl="clickExactEvent">Hello vue.js</div>
    </div>
</body>
    <script src="https://unpkg.com/vue@next"></script>
    <script>
        Vue.createApp({
           
           
               template:"<div> {{counter}} </div>"
            }).mount("#app");
    </script>
</html>


